<div class="renz">
    <h2 class="title">身份认证</h2>

    <div class="sheninfo">

        <p class="prompt fix">
            <span class="left">声明：为保证导游质量，哇吖需要您提供相关的实名信息，此信息只用于哇吖平台之内，对外绝不泄露。</span>
            <a href="mailto:info@wayatrip.com" class="right">联系哇吖</a>
        </p>
        <form action="" id="identity_form" method="post" enctype="multipart/form-data">
        <label class="line fix" style="margin-top: 12px;">
            <span class="left">我的身份</span>
            <select name="identityName" class="right" id="identityName">
                <option value="-1">我的身份</option>
                <option value="当地华人">当地华人</option>
                <option value="留学生" >留学生</option>
                <option value="外国人" >外国人</option>
            </select>
        </label>

        <div class="no-students">
            <label class="line fix" style="margin-bottom: 30px;">
                <span class="left">工作领域</span>
                <input type="text" id="jobs" name="identityErea" class="right" placeholder="例如：银行职员">
            </label>
        </div>

        <div class="students" style="display: none;">
            <label class="line fix" style="margin-top: 30px;">
                <span class="left">所学专业</span>
                <input type="text" name="major" id="major" class="right" placeholder="例如：建筑工程">
            </label>

            <label class="line fix" style="margin: 30px 0 40px 0;">
                <span class="left">所在学校</span>
                <input type="text" name="school" class="right" id="school" placeholder="例如：巴黎艺术学院">
            </label>
        </div>

    </div>

    <h2 class="title">身份证件</h2>

    <div class="liuxs">

        <p class="prompt">上传您手持身份证件的照片，证件可以是居民身份证（ID）、留居卡（Titre de sejour）或驾照等，证件内容要求清晰可见</p>
        <div class="up-box fix">
            <img src="/resource/www/imgs/up_img3.png" alt="" id="imgId" class="img">
            <div class="click">
                <input type="file" name="identityPicture" id="userHeadImg">
                点击上传
            </div>
            <img src="/resource/www/imgs/up_default.png" class="default-img">
        </div>
        <div id="student-zil" style="display: none">
            <p class="prompt">上传学生证等证明您学生身份的材料</p>
             <div class="up-box fix">
                <img src="/resource/www/imgs/up_img3.png" alt="" id="imgId2" class="img">
                <div class="click">
                    <input type="file" name="identityPicture2" id="userHeadImg2" />
                    点击上传
                </div>
            </div>
        </div>
    </div>

    <div class="sf-bottom fix">
        <span onclick="javascript :history.back(-1);" class="go-back">取消</span>
        <input type="button" id="identity_submit" name="submit1" class="submit" value="提交审核">
    </div>
    </form>
</div>

<script>
    var identity_submit = $("#identity_submit");

    identity_submit.click(function() {

        if ($("select[name='identityName']").val() == -1) {
            layer.msg('请选择身份');
            return false;
        }

        if ( $(".students").is(":hidden")) {
            if (!$.trim($('#jobs').val())) {
                layer.msg('请填写工作领域');
                return false;
            }

        } else {
            if (!$.trim($('#major').val())) {
                layer.msg('请填写所学专业');
                return false;
            }
            if (!$.trim($('#school').val())) {
                layer.msg('请填写所在学校');
                return false;
            }
            if (!$.trim($('#userHeadImg2').val())) {
                layer.msg('请上传学生证明材料');
                return false;
            }
        }

        if (!$('#userHeadImg').val()) {
            layer.msg('请上传身份证件的照片');
            return false;
        }
        layer.alert('我们将尽快处理您的申请，该过程大概持续1-2个工作，请耐心等待', { title: false, formType: 2,icon: 6});
//        setTimeout(function() {
            $('#identity_form').submit();
//        }, 3000);




    });

    var identityName = $("#identityName");
    identityName.change(function() {
        if(identityName.val() == '留学生'){
            $("#student-zil").show(); // 上传图片显示
            $('.students').show();
            $('.no-students').hide();
        }else{
            $("#student-zil").hide(); // 上传图片显示
            $('.students').hide();
            $('.no-students').show();
        }
    });

    $("#userHeadImg").change(function(event) {
        var file = $(event.target)[0].files[0];
        var src = URL.createObjectURL(file);
        if(file){
            $("#imgId").attr('src',src)
            //表示获取到了图片
        }else{
            //表示点击了取消
            $("#imgId").attr('src',"/resource/www/imgs/up_default.png")
        }
        //这里的src就是图片的地址，将它放在任意一个img标签的src属性里面
    });

    $("#userHeadImg2").change(function(event) {
        var file = $(event.target)[0].files[0];
        var src = URL.createObjectURL(file);
        if(file){
            $("#imgId2").attr('src',src)
            //表示获取到了图片
        }else{
            //表示点击了取消
            $("#imgId").attr('src',"/resource/www/imgs/up_default.png")
        }
        //这里的src就是图片的地址，将它放在任意一个img标签的src属性里面
    });


    $('.renzheng').addClass("active");
    $('.show_identity').addClass("mactive");
    $('.credit_nav').addClass("active");
    $('.down-menu').eq(0).show();
</script>
